<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>7. node.js | 被删的前端游乐场</title>
    <meta name="generator" content="VuePress 1.8.2">
    
    <meta name="description" content="Just playing around">
    
    <link rel="preload" href="/front-end-playground/assets/css/0.styles.6ad2a9ca.css" as="style"><link rel="preload" href="/front-end-playground/assets/js/app.1e2670bf.js" as="script"><link rel="preload" href="/front-end-playground/assets/js/2.38d016d1.js" as="script"><link rel="preload" href="/front-end-playground/assets/js/3.e3f029cb.js" as="script"><link rel="preload" href="/front-end-playground/assets/js/17.ab92552c.js" as="script">
    <link rel="stylesheet" href="/front-end-playground/assets/css/0.styles.6ad2a9ca.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-end-playground/" class="home-link router-link-active"><!----> <span class="site-name">被删的前端游乐场</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-end-playground/" class="nav-link">概述</a></div><div class="nav-item"><a href="/front-end-playground/front-end-basic/" class="nav-link">前端领域</a></div><div class="nav-item"><a href="/front-end-playground/vue/" class="nav-link">Vue学习</a></div><div class="nav-item"><a href="/front-end-playground/wxapp/" class="nav-link">小程序学习</a></div><div class="nav-item"><a href="/front-end-playground/front-end-others/" class="nav-link">百家齐放</a></div><div class="nav-item"><a href="/front-end-playground/front-end-addon/" class="nav-link router-link-active">前端的进击</a></div><div class="nav-item"><a href="/front-end-playground/front-end-work/" class="nav-link">前端与工作</a></div><div class="nav-item"><a href="/front-end-playground/faq.html" class="nav-link">FAQ</a></div> <a href="https://github.com/godbasin/front-end-playground" target="_blank" rel="noopener noreferrer" class="repo-link">
    Github
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/front-end-playground/" class="nav-link">概述</a></div><div class="nav-item"><a href="/front-end-playground/front-end-basic/" class="nav-link">前端领域</a></div><div class="nav-item"><a href="/front-end-playground/vue/" class="nav-link">Vue学习</a></div><div class="nav-item"><a href="/front-end-playground/wxapp/" class="nav-link">小程序学习</a></div><div class="nav-item"><a href="/front-end-playground/front-end-others/" class="nav-link">百家齐放</a></div><div class="nav-item"><a href="/front-end-playground/front-end-addon/" class="nav-link router-link-active">前端的进击</a></div><div class="nav-item"><a href="/front-end-playground/front-end-work/" class="nav-link">前端与工作</a></div><div class="nav-item"><a href="/front-end-playground/faq.html" class="nav-link">FAQ</a></div> <a href="https://github.com/godbasin/front-end-playground" target="_blank" rel="noopener noreferrer" class="repo-link">
    Github
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav>  <ul class="sidebar-links"><li><section class="sidebar-group collapsable depth-0" style="padding-top:10px;"><div class="kitty-main" data-v-2b653b36><span class="stand" data-v-2b653b36></span> <div class="cat" data-v-2b653b36><div class="body" data-v-2b653b36></div> <div class="head" data-v-2b653b36><div class="ear" data-v-2b653b36></div> <div class="ear" data-v-2b653b36></div></div> <div class="face" data-v-2b653b36><div class="nose" data-v-2b653b36></div> <div class="whisker-container" data-v-2b653b36><div class="whisker" data-v-2b653b36></div> <div class="whisker" data-v-2b653b36></div></div> <div class="whisker-container" data-v-2b653b36><div class="whisker" data-v-2b653b36></div> <div class="whisker" data-v-2b653b36></div></div></div> <div class="tail-container" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36></div></div></div></div></div></div></div></div></div></div> <p class="sidebar-heading open"><span>不止单线程</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/front-end-playground/front-end-addon/more-than-single-thread/1-thread-and-progress.html" class="sidebar-link">1. 线程与进程</a></li><li><a href="/front-end-playground/front-end-addon/more-than-single-thread/2-progress-and-io.html" class="sidebar-link">2. 多线程与 IO</a></li><li><a href="/front-end-playground/front-end-addon/more-than-single-thread/3-interprocess-communication.html" class="sidebar-link">3. 进程间通信</a></li><li><a href="/front-end-playground/front-end-addon/more-than-single-thread/4-network-progress-and-tcp-ip.html" class="sidebar-link">4. 网络进程通信和 TCP/IP 协议</a></li><li><a href="/front-end-playground/front-end-addon/more-than-single-thread/5-http-and-websocket.html" class="sidebar-link">5. HTTP 与 Websocket</a></li><li><a href="/front-end-playground/front-end-addon/more-than-single-thread/6-socket-and-socket-io.html" class="sidebar-link">6. 套接字（Socket）与 socket.io</a></li><li><a href="/front-end-playground/front-end-addon/more-than-single-thread/7-node-js.html" aria-current="page" class="active sidebar-link">7. node.js</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-addon/more-than-single-thread/7-node-js.html#什么是-node-js" class="sidebar-link">什么是 Node.js</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-addon/more-than-single-thread/7-node-js.html#相关技术点" class="sidebar-link">相关技术点</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-addon/more-than-single-thread/7-node-js.html#commonjs" class="sidebar-link">CommonJS</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-addon/more-than-single-thread/7-node-js.html#node-js-模块" class="sidebar-link">Node.js 模块</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-addon/more-than-single-thread/7-node-js.html#参考" class="sidebar-link">参考</a></li></ul></li></ul></section></li><li><section class="sidebar-group collapsable depth-0" style="padding-top:;"><!----> <p class="sidebar-heading"><span>简单算法之 js 实现</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0" style="padding-top:;"><!----> <p class="sidebar-heading"><span>不止纯前端</span> <span class="arrow right"></span></p> <!----></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p>该系列主要作为曾经的纯前端，对后台和底层的一些弥补，涉及进程、网络通信，以及对 node.js 和相关框架的学习。前面已经科普过网络进程通信、TCP/IP、HTTP 和 Socket 等，本节我们来简单熟悉一下 node.js 吧。</p> <h1 id="node-js"><a href="#node-js" class="header-anchor">#</a> node.js</h1> <h2 id="什么是-node-js"><a href="#什么是-node-js" class="header-anchor">#</a> 什么是 Node.js</h2> <ul><li>Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。</li> <li>Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。</li> <li>Node.js 的包管理器 npm，是全球最大的开源库生态系统。</li></ul> <p>以上是<a href="http://nodejs.cn/" target="_blank" rel="noopener noreferrer">Node.js 官网<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>的说明。</p> <p><strong>Node.js 大部分基本模块都用 JavaScript 语言编写。</strong><br>
在 Node.js 出现之前，JavaScript 通常作为客户端程序设计语言使用，以 JavaScript 写出的程序常在用户的浏览器上运行。<br>
Node.js 的出现使 JavaScript 也能用于服务器端编程。Node.js 含有一系列内置模块，使得程序可以脱离 Apache HTTP Server 或 IIS，作为独立服务器运行。</p> <p><strong>Node.js 允许通过 JavaScript 和一系列模块来编写服务器端应用和网络相关的应用。</strong><br>
核心模块包括文件系统 I/O、网络（HTTP、TCP、UDP、DNS、TLS/SSL 等）、二进制数据流、加密算法、数据流等等。</p> <p>使用框架可以加速开发。常用的框架有 Express.js、Socket.IO 和 Connect 等。</p> <p>Node.js 主要用于编写像 Web 服务器一样的网络应用，这和 PHP 和 Python 是类似的。但是 Node.js 与其他语言最大的不同之处在于，PHP 等语言是阻塞的（只有前一条命令执行完毕才会执行后面的命令），而 Node.js 是非阻塞的（多条命令可以同时被运行，通过回调函数得知命令已结束运行）。</p> <p><strong>Node.js 是事件驱动的。</strong><br>
开发者可以在不使用线程的情况下开发出一个能够承载高并发的服务器。其他服务器端语言难以开发高并发应用，而且即使开发出来，性能也不尽人意。Node.js 正是在这个前提下被创造出来。<br>
Node.js 把 JavaScript 的易学易用和 Unix 网络编程的强大结合到了一起。</p> <h2 id="相关技术点"><a href="#相关技术点" class="header-anchor">#</a> 相关技术点</h2> <h3 id="v8"><a href="#v8" class="header-anchor">#</a> V8</h3> <p>V8 是为 Google Chrome 设计的 JavaScript 运行引擎，Google 于 2008 年将其开源。V8 用 C++写成，它将 JavaScript 源代码编译成本地机器码而不是随时解释。<br>
Node.js 用 libuv 来处理异步事件，而 V8 提供了 JavaScript 的实时运行环境。libuv 是一个网络和文件系统功能的抽象层，既可以用于 Windows 又可以用于匹配 POSIX 标准的系统，例如 Linux、OS X 和 Unix。<br>
Node.js 的核心功能被包含进一个 JavaScript 库，并通过 C++将各部分与操作系统进行联系。</p> <h3 id="npm"><a href="#npm" class="header-anchor">#</a> npm</h3> <p>npm 是 Node.js 附带的包管理器。<br>
npm 是一个命令行工具，用于从 NPM Registry 中下载、安装 Node.js 程序，同时解决依赖问题。<br>
npm 提高了开发的速度，因为它能够负责第三方 Node.js 程序的安装与管理。</p> <h3 id="统一-api"><a href="#统一-api" class="header-anchor">#</a> 统一 API</h3> <p>Node 模块的 API 形式简单，降低了编程的复杂度。<br>
Node.js 将浏览器、数据（例如 MongoDB 或 CouchDB）等组合到一起，通过 JSON 提供一个统一的接口。<br>
由于前端框架和一些基本的后端开发技术（如 MVC、MVP、MVVM 等）变得流行，Node.js 也支持客户端和服务器端重新利用相同的模型和接口。</p> <h3 id="单线程"><a href="#单线程" class="header-anchor">#</a> 单线程</h3> <p>Node.js 以单线程运行，使用非阻塞 I/O 调用，这样既可以支持数以万计的并发连接，又不会因多线程本身的特点而带来麻烦。众多请求只使用单线程的设计意味着可以用于创建高并发应用程序。<br>
Node.js 应用程序的设计目标是任何需要操作 I/O 的函数都使用回调函数。<br>
这种设计的缺点是，如果不使用 cluster、StrongLoop Process Manager 或 pm2 等模块，Node.js 就难以处理多核或多线程等情况。</p> <h3 id="事件循环"><a href="#事件循环" class="header-anchor">#</a> 事件循环</h3> <p>Node.js 将其注册到操作系统中，这样可以及时注意到新连接的产生。当新连接产生时，操作系统会产生一个回调。<br>
在 Node.js 运行时内部，每个连接都被分配一个小型的堆。与其他服务器程序不同的是，Node.js 不使用进程或线程处理连接，而是采用事件循环来处理并发连接。<br>
而且 Node.js 的事件循环不需要手动调用。在回调函数定义之后，服务器进入事件循环。当回调函数均被执行完毕之后，Node.js 结束事件循环。</p> <h3 id="异步执行的运行机制"><a href="#异步执行的运行机制" class="header-anchor">#</a> 异步执行的运行机制</h3> <ol><li>所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。</li> <li>主线程之外，还存在一个“任务队列”（task queue）。只要异步任务有了运行结果，就在“任务队列”之中放置一个事件。</li> <li>一旦“执行栈”中的所有同步任务执行完毕，系统就会读取“任务队列”，看看里面有哪些事件。那些对应的异步任务，于是结束等待状态，进入执行栈，开始执行。</li> <li>主线程不断重复上面的第三步。</li></ol> <h2 id="commonjs"><a href="#commonjs" class="header-anchor">#</a> CommonJS</h2> <h3 id="模块定义"><a href="#模块定义" class="header-anchor">#</a> 模块定义</h3> <ol><li>模块中，上下文提供<code>require()</code>方法来引入外部模块。</li> <li>对应引入功能，上下文提供了 exports 对象用于导出当前模块的方法或者变量，exports 对象是唯一导出的出口。</li> <li>模块中，存在一个 module 对象，代表模块自身，而 exports 是 module 的属性。</li></ol> <p>Node 中，一个文件就是一个模块，将方法挂载在 exports 对象上作为属性即可定义导出方式。</p> <h3 id="模块标识"><a href="#模块标识" class="header-anchor">#</a> 模块标识</h3> <p>模块标识是传递给<code>require()</code>方法的参数，必须是符合小驼峰命名的字符串，或者以<code>.</code>、<code>..</code>开头的相对路径或者绝对路径，可以没有文件名后缀<code>.js</code>。</p> <h2 id="node-js-模块"><a href="#node-js-模块" class="header-anchor">#</a> Node.js 模块</h2> <h3 id="一、模块分类"><a href="#一、模块分类" class="header-anchor">#</a> 一、模块分类</h3> <p>Node.js 的模块分为两类，一类为原生（核心）模块，一类为文件模块。原生模块在 Node.js 源代码编译的时候编译进了二进制执行文件，加载的速度最快。文件模块是动态加载的，加载速度比原生模块慢。</p> <p>Node.js 中存在 4 类模块（原生模块和 3 种文件模块），其中 3 种文件模块为：</p> <ul><li><code>.js</code>：通过 fs 模块同步读取 js 文件并编译执行。</li> <li><code>.node</code>：通过 C/C++进行编写的 Addon。通过 dlopen 方法进行加载。</li> <li><code>.json</code>：读取文件，调用 JSON.parse 解析加载。</li></ul> <p>其中文件模块还包括路径形式文件模块（如<code>.</code>、<code>..</code>和<code>./</code>开头的标识符）和自定义文件模块（第三方 npm 包）。</p> <p>自定义文件模块的查找最耗时也是最慢的一种，查找顺序为：</p> <ol><li>当前目录下<code>node_modules</code>目录</li> <li>父目录下<code>node_modules</code>目录</li> <li>向上逐级递归直到根目录下下<code>node_modules</code>目录</li></ol> <h3 id="二、模块载入策略"><a href="#二、模块载入策略" class="header-anchor">#</a> 二、模块载入策略</h3> <p>Node 引入模块，经历的三个步骤：路径分析、文件定位、编译执行。</p> <ul><li><code>require</code>方法接受以下几种参数的传递：
<ul><li>原生模块（http、fs、path 等）</li> <li>相对路径的文件模块</li> <li>绝对路径的文件模块</li> <li>非原生模块的文件模块</li></ul></li></ul> <p>Node.js 对原生模块和文件模块都进行了缓存，于是在第二次 require 时，是不会有重复开销的。<br>
require 方法中的文件查找策略：<br> <img src="https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/image1.jpg" alt="images"></p> <ol><li><p>从文件模块缓存中加载<br>
尽管原生模块与文件模块的优先级不同，但是都不会优先于从文件模块的缓存中加载已经存在的模块。</p></li> <li><p>从原生模块加载<br>
原生模块的优先级仅次于文件模块缓存的优先级。require 方法在解析文件名之后，优先检查模块是否在原生模块列表中。<br>
以 http 模块为例，尽管在目录下存在一个<code>http</code>/<code>http.js</code>/<code>http.node</code>/<code>http.json</code>文件，<code>require(&quot;http&quot;)</code>都不会从这些文件中加载，而是从原生模块中加载。</p></li></ol> <p>原生模块也有一个缓存区，同样也是优先从缓存区加载。如果缓存区没有被加载过，则调用原生模块的加载方式进行加载和执行。</p> <ol start="3"><li>从文件加载<br>
当文件模块缓存中不存在，而且不是原生模块的时候，Node.js 会解析 require 方法传入的参数，并从文件系统中加载实际的文件，加载过程中的包装和编译细节在前一节中已经介绍过，这里我们将详细描述查找文件模块的过程，其中，也有一些细节值得知晓。</li></ol> <h3 id="三、node-js-模块与前端模块的异同"><a href="#三、node-js-模块与前端模块的异同" class="header-anchor">#</a> 三、Node.js 模块与前端模块的异同</h3> <p>通常有一些模块可以同时适用于前后端，但是在浏览器端通过 script 标签的载入 JavaScript 文件的方式与 Node.js 不同。<br>
Node.js 在载入到最终的执行中，进行了包装，使得每个文件中的变量天然的形成在一个闭包之中，不会污染全局变量。而浏览器端则通常是裸露的 JavaScript 代码片段。<br>
所以为了解决前后端一致性的问题，类库开发者需要将类库代码包装在一个闭包内。</p> <h2 id="参考"><a href="#参考" class="header-anchor">#</a> 参考</h2> <ul><li><a href="https://zh.wikipedia.org/wiki/Node.js" target="_blank" rel="noopener noreferrer">Node.js - 维基百科，自由的百科全书<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="http://www.ruanyifeng.com/blog/2014/10/event-loop.html" target="_blank" rel="noopener noreferrer">《JavaScript 运行机制详解：再谈 Event Loop》<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="http://www.infoq.com/cn/articles/nodejs-module-mechanism" target="_blank" rel="noopener noreferrer">《深入浅出 Node.js（三）：深入 Node.js 的模块机制》<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://github.com/muwenzi/Program-Blog/issues/94" target="_blank" rel="noopener noreferrer">《浅析 NodeJS 模块加载机制 》<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h1 id="结束语"><a href="#结束语" class="header-anchor">#</a> 结束语</h1> <p>本节我们主要介绍了 Node.js，了解模块加载机制及异步编程，至于具体的核心模块（例如 http 和 fs 模块），在后面缘分到了再详细讲。<br>
作为一名纯前端，Node.js 与浏览器中 JS 除了语法等较相似，却又很多不一样和缺少理解的地方，如果真正到使用到的时候，或许会有不一样的理解吧。</p></div> <!----> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/godbasin/front-end-playground/edit/sourcecode/docs/front-end-addon/more-than-single-thread/7-node-js.md" target="_blank" rel="noopener noreferrer">帮阿猪改善此页面！</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <!----> <blockquote>部分文章中使用了一些网站的截图，如果涉及侵权，请告诉我删一下谢谢~</blockquote> <div style="margin-top:30px;"><div class="el-row" style="margin-left:-10px;margin-right:-10px;"><div class="el-col el-col-24 el-col-sm-0 el-col-md-2 el-col-lg-4" style="padding-left:10px;padding-right:10px;display:block;"><div style="width:1px;height:1px;"></div></div> <div class="el-col el-col-24 el-col-sm-24 el-col-md-18 el-col-lg-16" style="padding-left:10px;padding-right:10px;"><div class="el-card box-card is-always-shadow"><div class="el-card__header"><div class="clearfix"><span>温馨提示喵</span></div></div><div class="el-card__body"> <div class="el-row" style="margin-left:-10px;margin-right:-10px;"><div class="el-col el-col-24 el-col-xs-24 el-col-sm-12" style="padding-left:10px;padding-right:10px;"><div class="el-image"><div class="image-slot"><img src="https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/assets/img/loading.gif" style="width:100%;"></div><!----></div></div> <div class="el-col el-col-24 el-col-xs-24 el-col-sm-12" style="padding-left:10px;padding-right:10px;"><div class="copyright-text"><div>本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。</div> <div>出处：被删的前端游乐场</div> <div>作者：<a href="https://github.com/godbasin" target="_blank">被删</a></div></div></div></div></div></div></div></div></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
        ←
        <a href="/front-end-playground/front-end-addon/more-than-single-thread/6-socket-and-socket-io.html" class="prev">
          6. 套接字（Socket）与 socket.io
        </a></span> <span class="next"><a href="/front-end-playground/front-end-addon/simple-algorithm/1-bubble-sort.html">
          1. 冒泡排序
        </a>
        →
      </span></p></div>  <div class="gitalk-container theme-default-content"><div id="gitalk-container" class="content"></div></div></main> <div id="kitty-container"><span><div role="tooltip" id="el-popover-3738" aria-hidden="true" class="el-popover el-popper" style="width:undefinedpx;display:none;"><!----><img src="https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/2code2.jpg" class="image"> <div class="text">牡羊猪的猫粮罐</div> </div><span class="el-popover__reference-wrapper"><div id="kitty" style="background:url(https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/assets/img/kitty2.svg);"></div></span></span> <div class="el-dialog__wrapper" style="display:none;"><div role="dialog" aria-modal="true" aria-label="牡羊猪是这样渐渐胖成猪的喵（点击图片可以切换噢）" class="el-dialog" style="margin-top:15vh;"><div class="el-dialog__header"><span class="el-dialog__title">牡羊猪是这样渐渐胖成猪的喵（点击图片可以切换噢）</span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><!----></div></div></div></div><div class="global-ui"></div></div>
    <script src="/front-end-playground/assets/js/app.1e2670bf.js" defer></script><script src="/front-end-playground/assets/js/2.38d016d1.js" defer></script><script src="/front-end-playground/assets/js/3.e3f029cb.js" defer></script><script src="/front-end-playground/assets/js/17.ab92552c.js" defer></script>
  </body>
</html>
